<template>
	<view>
		<view  style="background:#c39a6d;height:40px;">
			<view class="top">
				<text>团队介绍</text>
			</view>
		</view>	
		<view style="padding-top: 30px;text-align: center;">
			<image class="caseimg" mode="widthFix" :src="api.getUrl(model.picture)"></image>
		</view>
		<view style="margin-top: 20px;margin-bottom: 10px;">
			<text class="name">{{model.title}}</text>
			
		</view>
		<view>
			<text class="name">{{model.field3}}</text>
		</view>
		<view>
			<view class="content ql-editor">
				<rich-text :nodes="model.contents">
				</rich-text>
			</view>
		</view>
	</view>
	
</template>

<script>
	import api from '@/common/api'
	export default {
		data() {
			return {
				api:api,
				curDot:0,
				model:{url:'/uploadfile/picture/steam/成员.jpg',name:'刘怡军',job:'创意总监'},
			}
		},
		onLoad(model) {
			this.getData(model.id)
		},
		onHide(){
			console.log('hide')
		},
		onShareAppMessage: function () {
		
		},
		onPullDownRefresh() {
			this.getData(this.model.id)
		 setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		// onReachBottom() {
		// 		this.getData();
		// },
		methods: {
			getData(id){
				this.$request.post('/api/app/content/get',{id},'form').then(res=>{
					this.model = res.data
					this.model.showPicture = this.model.showPicture.split('|')
				});
			},
			
		}
			
	}
	
</script>
<style>
	.imgstyle{height:100%;}
	.left{
		position: relative;
		top:-180px;
		height: 0px;
	}
	.right{
		position: relative;
		display: flex;
		top:-170px;
		height: 0px;
		justify-content: flex-end;
	}
	.name{
		padding: 30px 0 15px 20px;
		    color: #2d2b2b;
		    font-size: 16px;
		    font-weight: bold;
	}
	.content{
		padding: 10px 10px 15px 20px;
		 color: #6b6b6b;
		 /* font-size: 12px; */
		
		 /* font-family: '宋体'; */
	}
	.line{height: 30px;}
	.top{
		    line-height: 26px;
			padding-top:7px;	
		    text-align: center;
		    font-size: 16px;
		    color: #fff;
		    font-weight: bold;
	}
	.title{
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
		font-size: 20px;
	}
	.casestyle{
		position:relative;
		width:50%;
		height: 160px;
		float: left;
		padding-left: 7px;
		padding-right: 7px;
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	.caseimg{
		  width: 95%;
		  /* height: 100%; */
	}
	.casetitle{
		    max-width: 100%;
			color: #666;
			display: -webkit-box;
			font-size: 13px;
			line-height: 40px;
			word-break: break-all;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			overflow: hidden;
			text-overflow: ellipsis;
	}
</style>